@extends('home.layout')

@section('css')
  .changtiao{
    height:30px;
    width:100%;
    background:#3f3f3f;
    line-height:30px;
    color:white;
    font-size:18px;
  }
  .changtiao ul,.changtiao li{
	list-style:none;
	float:left;
  }
  .goods_details_content li {
  	margin-top:30px;
  	font-size:20px;
  }
	.goods_details_content span{
		margin-left:10px;
		background:#ccc;
		font-size:20px;
	}
	.goods_details_content span:hover{
		cursor:pointer;
	}
	.hahah a{
		cursor:pointer;
	}
@endsection

@section('content')
  	<!-- 黑条部分 start -->
  	<div class="changtiao" >
  		<div style="width:1200px;margin:0 auto;">
  			<ul>
  				<li>店铺名称：</li>
  				<li><a href="/home/shop/details/{{$shopid}}" style="color:white;">{{$shopname}}</a></li>
  			</ul>
  		</div>
  		
  	</div>
  	<!-- 黑条部分 end -->
  	<!-- 中间部分 start -->
  	<div class="goods_details_content" style="width:1100px;background:;margin:0 auto; margin-top:20px;">
  		<div style="float:left;"><img src="{{$data->logo}}"></div>
  		<div style="float:left;margin-left:80px;width:790px;">
  			<ul>
  				<li><h3>{{$data->goodsname}}</h3></li>
  				<li>价格：{{$data->value}}</li>
  				<li>数量：
  					<span class="jian">&nbsp;-&nbsp;</span>
  					<span class="shu">1</span>
  					<span class="jia">&nbsp;+&nbsp;</span></li>
  					
  				<li class="hahah">
  					<div class="lijigoumai" style="width:150px;height:50px;border:1px solid #ccc;background:#EF2F23;line-height:50px;text-align:center;float:left;margin-left:30px;">
  						<a href="" style="color:white;">立即购买</a>
  					</div>
  					<div class="jiarugouwuche" style="width:150px;height:50px;border:1px solid #ccc;line-height:50px;text-align:center;float:left;margin-left:30px;">
  						<a href="" style="color:black;">加入购物车</a>
  					</div>
  				</li>
  			</ul>
  		</div>
  		<div class="clear"></div>
  		<!-- 商品评论 start -->
  		<div style="width:100%;">
  			<div style="width:100%;height:70px;background:#f6f6f6;border:1px solid #ccc;line-height:70px;font-size:30px;margin-top:20px;">&nbsp;&nbsp;&nbsp;&nbsp;累计评价</div>
  			<div style="width:100%;height:60px;line-height:70px;border:1px solid #ccc;font-size:20px;">&nbsp;&nbsp;&nbsp;&nbsp;谁：说的什么	 </div>
  			<div style="width:100%;height:60px;line-height:70px;border:1px solid #ccc;font-size:20px;">&nbsp;&nbsp;&nbsp;&nbsp;谁：说的什么	 </div>
  			<div style="width:100%;height:60px;line-height:70px;border:1px solid #ccc;font-size:20px;">&nbsp;&nbsp;&nbsp;&nbsp;谁：说的什么	 </div>
  		</div>
  		<!-- 商品评论 end -->
  	</div>
  	<script>
  		// alert($);
  		$('.jian').live('click',function(){
  			var b = parseInt($('.shu').html())
  			if(b==1)
  			{
  				$('.shu').html(1);
  			}else{
  				$('.shu').html($('.shu').html()-1);
  			}
  		});

  		$('.jia').live('click',function(){

  			var b = parseInt($('.shu').html())+1;
  			$('.shu').html(b);
  		});
  	</script>
  	<!-- 中间部分 start -->
@endsection